<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
    <title>引导页</title>
    <style>
   	body{}
   	img{ width: 100%; height:100%;}
   	.time_out{width:58px; line-height:24px; height:58px; position: fixed; top:1%; right:2%; color: #999; -webkit-border-radius: 50%;border-radius: 50%; background-color: #F5F5F5; border: 1px solid #ccc; }
   	p{margin: 0; padding: 0;}
   	.time_out span{width: inherit; line-height: inherit;}
	</style>	
</head>
<body>
	<img src="images/index/grid_page.png"/>
	<a href="javascript:;" class="time_out mui-inline  mui-text-center">
		<p class="mui-text-center"><span class="mui-text-center mui-inline">3</span>S</p>
		跳转
	</a>
	<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script>
var timer=null;
var timeSpan=document.querySelector('.time_out span');
var timeText=null;
	timer=setInterval(function(){
		if(timeText===1){
			clearInterval(timer);
			mui.openWindow('index.html');
			return false;
		};
		timeText=parseInt(timeSpan.innerText);
		timeSpan.innerText=timeText-1;		
	},1000);
</script>
</body>
</ html>